<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd" >
    <wicket:head>  
        <title>Resource Aggregation Example Application</title>
    </wicket:head>
    <body>
    <wicket:extend>   
        <br/> 
    	<div id="bodyContent" class="bodyContent">
	    	<h1 class="header">Resource Aggregation Example Application</h1>
	    	<p class="large">If the background is light grey, then app.css was loaded.</p>
	    	<p class="large">If this box has a red border, top.js was not loaded from the header</p>
	    	<p class="large">If the h1 above has a dashed bottom border (and the one below has a dashed top border), header.css and footer.css were loaded.
	    	They are merged at the server side and delivered together to the browser</p>
	    	<div wicket:id="jsProofPlaceholder" class="jsProofPlaceholder">
	    		placeholder that JS can do something with
	    	</div>
	    	<div wicket:id="ajaxProofPlaceholder" class="ajaxProofPlaceholder pending">
	    		after five seconds, you should see ajax update this container (to a green border)
	    	</div>
	    	<div class="complete">Everything is done when all three boxes are green</div>
	    	<h1 class="footer">footer h1</h1>
	    </div>
    
    	<wicket:container wicket:id="footerJS"></wicket:container>
    </wicket:extend>
    </body>
</html>
